<template>
    <div class="home">
        <button @click="isVisible=true">弹出一个模态对话框</button>
        <modal :visible="isVisible" title="用户登录" @close-model="isVisible=false"></modal>
    </div>
    </template>
    
    <script>
    import Modal from "./Modal.vue"
    export default {
        data() {
            return {
                isVisible: false
            }
        },
        components: {
            Modal
        }
    
    }
    </script>
    
    <style lang="scss">
    .home {
        position: relative;
    }
    </style>
    